<ion-header>
  <ion-toolbar>
    <ion-title>
      Tab Two
    </ion-title>
    <ion-toggle slot="end" checked></ion-toggle>

  </ion-toolbar>
</ion-header>
<ion-content>
  {{datestr}}
  <ion-item>
    <ion-button (click)='showactionsheet()'>
      action-sheet
    </ion-button>
    <ion-button (click)='showalert()'>
      alertcontroller
    </ion-button>
    <ion-button (click)='showpopover()'>
      popover
    </ion-button>
    <ion-button routerLink='/testloading'>
      testloading
    </ion-button>
  </ion-item>
  <ion-item>
    <ion-button (click)='showmodel()'>
      model
    </ion-button>
    <ion-button (click)='openpage("listfilter")'>
      listfilter
    </ion-button>
    <ion-button (click)='openpicker()'>
      picker
    </ion-button>
  </ion-item>
  <ion-item>
    <ion-button (click)='getlocation()'>
      定位
    </ion-button>
    <ion-button (click)='filechoose()'>
      文件选择
    </ion-button>
    <ion-button (click)='download()'>
      文件选择下载
    </ion-button>
    <ion-button (click)='download1()'>
      文件下载
    </ion-button>

  </ion-item>
  <ion-item>
    <ion-button (click)='showECharts()'>
      图表
    </ion-button>
    <ion-button (click)='testSqlite()'>
      sqlite
    </ion-button>
    <ion-button (click)='testsCss()'>
      testsCss
    </ion-button>
    <ion-button (click)='testTabCss()'>
      testTabCss
    </ion-button>
    <ion-button (click)='testsfab()'>
      浮动菜单
    </ion-button>

  </ion-item>
  <ion-item>
    <ion-button (click)='openpage("timelinee")'>
      时间轴
    </ion-button>
    <ion-button (click)='qrscanner()'>
      扫一扫
    </ion-button>
    <ion-button (click)='copy()'>
      粘贴板
    </ion-button>

  </ion-item>
  <ion-item>
    <ion-button (click)='showSensors()'>
      传感器
    </ion-button>
    <ion-button (click)='showCamera()'>
      照相机
    </ion-button>
    <ion-button (click)='showmedia()'>
      多媒体
    </ion-button>
  </ion-item>
  <ion-item>
    <ion-button (click)='shownotification()'>
      弹出通知
    </ion-button>
    <ion-button (click)='testmenu()'>
      侧边栏
    </ion-button>
    <ion-button (click)='openpage("a-zlist")'>
      a-Zlist
    </ion-button>
  </ion-item>
  <ion-item>
    <ion-button (click)='showcityarea()'>
      二级联动
    </ion-button>
    <ion-button (click)='showdategirde()'>
      日历
    </ion-button>
    <ion-button (click)='openpagealarmclock()'>
      定时震动
    </ion-button>
  </ion-item>
  <ion-item>
    <ion-button (click)="openpage('esrimap')">
      arcgis
    </ion-button>
    <ion-button (click)="openpage('baidumap')">
      百度
    </ion-button>
    <ion-button (click)="openpage('amap')">
      高德
    </ion-button>
  </ion-item>
  <ion-input type="file" #selectfile (change)='choosefile()' accept="*"></ion-input>
  <ion-input type="text" (change)='choosefile()'></ion-input>
  <ion-input type="date" value='2019-02-05'></ion-input>
  <ion-datetime displayFormat="YYYY年MM月DD日" value='2019-02-05'> </ion-datetime>
  <ion-img src={{image}}></ion-img>
  <ion-segment (ionChange)="segmentChanged($event)" color="secondary">
    <ion-row>
      <ion-segment-button href="#dogs" value="dogs">
        <ion-label>全部交易</ion-label>
      </ion-segment-button>
      <ion-segment-button href="#cats" value="cats">
        <ion-label>商务消费</ion-label>
      </ion-segment-button>
      <ion-segment-button href="#cats" value="cats1">
        <ion-label>钱包转出</ion-label>
      </ion-segment-button>
      <ion-segment-button href="#cats" value="cats2">
        <ion-label>钱包转入</ion-label>
      </ion-segment-button>
      <ion-segment-button href="#cats" value="cats12">
        <ion-label>交易冲正</ion-label>
      </ion-segment-button>
      <ion-segment-button href="#cats" value="cats32">
        <ion-label>终端存款</ion-label>
      </ion-segment-button>
      <ion-segment-button href="#cats" value="cats22">
        <ion-label>终端取款</ion-label>
      </ion-segment-button>
      <ion-segment-button href="#cats" value="cats21">
        <ion-label>商户消费</ion-label>
      </ion-segment-button>
    </ion-row>

  </ion-segment>
</ion-content>